// components/customLi/index.js
Component({
  relations: {
    "../customUl/index": {
      type: "parent", // 关联的目标节点应为父节点
      linked: function (target) {
        // 每次被插入到 custom-ul 时执行，target 是被插入的 custom-ul 节点的实例对象
        // console.log("每次被插入到 custom-ul 时执行", target.is);
      },
    },
  },
  lifetimes: {
    ready: function () {
      //   this.getUlNodes();
      //   this.calcHeight(this.outPut);
    },
  },
  /**
   * 组件的属性列表
   */
  properties: {
    tabIndex: {
      type: Number,
      value: 0,
    },
  },

  /**
   * 组件的初始数据
   */
  data: {},

  /**
   * 组件的方法列表
   */
  methods: {
    // getUlNodes: function () {
    //   // 使用 getRelationNodes() 可以获得 nodes 数组，包含所有已关联的且有序的 custom-ul 实例对象
    //   const nodes = this.getRelationNodes("../customUl/index");
    //   console.log("已关联且有序的 custom-ul 实例对象数组", nodes[0].is);
    // },
    // liObjectOutput() {
    //   console.log("li对象的方法执行了");
    // },
    calcHeight(callback) {
      const query = this.createSelectorQuery();
      query
        .select(".customLi")
        .boundingClientRect(function (rect) {
          callback && callback(rect);
          //   console.log(rect.height);
        })
        .exec();
    },

    // outPut(rect) {
    //   console.log(rect.height, rect.top);
    // },
  },
});
